﻿

.IMECustomPanelBar .cpbMenuItem {
  background: #f3f3f3 url(Images/arrow-up.png) no-repeat 4px 7px;
  font-size: 1em; /* 11px */
  line-height: 1.1818em; /* 13px */
  padding: 4px 0 5px 18px; /* 22px */
  color: #675C53;
  border-bottom: 1px solid #fff;
  display: block;
}

.IMECustomPanelBar .cpbMenuItem:focus,
.IMECustomPanelBar .cpbMenuItem:hover,
.IMECustomPanelBar .cpbMenuItem:active {
  color: #000;
}
.IMECustomPanelBar .cpSelected
{
  background: #d52b1e url(Images/arrow-up.png) no-repeat 4px 7px !important;
  font-size: 1em; /* 11px */
  line-height: 1.1818em; /* 13px */
  padding: 4px 0 5px 18px; /* 22px */
  color: #fff !important;
  border-bottom: 1px solid #fff;
  display: block;
  font-weight:bold;
}

.basic-nav
{
    margin-top: 5px;
    }

.basic-nav ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    }

.basic-nav ul li.nav-header
{
    background: #675C53;
    color: #FFFFFF;
    font-weight: bold;
    }

.basic-nav ul li
{
    border-top: 1px solid #675C53;
    background: #FFFFFF;
    padding: 1px 0 3px 5px;
    }

.basic-nav ul li a
{
    display: block;
    color: #675C53;
    text-decoration: none;
    border: none;
    }




/* Navigation  */
/* @group =divTopNav */
#divTopNav {
  width: 100%;
  float: left;
  margin: 10px 0;
  display: inline;
  background: #bcd4c3;
}

#divTopNav ul {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  font-size: 1.0909em; /* 12px */
  line-height: 1.5em; /* 18px */
}

#divTopNav li {
  /*background: url(Images/line.png) no-repeat 100% 50%;*/
  float: left;
  display: inline;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 5;
}

#divTopNav a {
  margin: 0;
  padding: 8px 14px !important;
  color: #6E6B5A;
  font-size: 0.8em;
  border-bottom: none;
  float: left;
  display: block;
}

#divTopNav a:focus,
#divTopNav a:hover,
#divTopNav a:active,
#divTopNav li:hover a,
#divTopNav li.over a,
#divTopNav li:hover.current a,
#divTopNav li.over.current a {
  background-color: #665c53;
  color: #fff;
}

#divTopNav li.current a {
  background-color: #d52b1e;
  color: #fff;
}

#divTopNav li.last { background: none; }


/* @group =divSubnav */
#divTopNav .divSubNav { display: none; }

#divTopNav li:hover .divSubNav,
#divTopNav li.over .divSubNav {
  display: block;
}

#divTopNav .divSubNav {
  position: absolute;
  border-top: 9px solid #665c53;
  background-color: #766D65;
  top: 2.44em; /* 18px */
  left: -50px;
  padding: 10px 10px 20px;
  width: 498px; /* 520px */
  _background-image: none; /* ie6 */
  _background-color: #736b61; /* ie6 */
}



#divTopNav .divSubNav.right {
  left: auto !important;
  right: -50px;
}

#divTopNav .divSubNav img {
  float: left;
  margin-right: 0;
  width: 40%;
}

#divTopNav .divSubNav div {
  float: left;
  padding-left: 15px;
  width: 60%;
  overflow: hidden;
}

#divTopNav .divSubNav h4 {
  margin: 0 !important;
  font-size: 1em; /* 11px */
  line-height: 1em; /* 13px */
  border-bottom: 1px dotted #9f9994;
}
#divTopNav .divSubNav h4 a {
  padding-top: 0 !important;
  padding-bottom: 10px !important;
}

#divTopNav .divSubNav ul {
  width: 100%;
  font-size: 1em; /* 10px */
  line-height: 1.4em; /* 18px */
  padding: 0;
  margin: 0 !important;
}

#divTopNav .divSubNav ul.last { margin-right: 0; }
#divTopNav .divSubNav li {
  display: block;
  float: none;
  padding: 0 !important;
  margin: 0 !important;
  background: none;
}

#divTopNav .divSubNav a {
  padding: 0 !important;
  padding-top: 10px !important;
  float: none;
  color: #fff;
  _border-bottom-style: solid; /* ie6 */
  background: none !important;
}

#divTopNav li:hover .divSubNav a:focus,
#divTopNav li:hover .divSubNav a:hover,
#divTopNav li:hover .divSubNav a:active,
#divTopNav li:hover .divSubNav a.current,
#divTopNav li.over .divSubNav a:focus,
#divTopNav li.over .divSubNav a:hover,
#divTopNav li.over .divSubNav a:active,
#divTopNav li.over .divSubNav a.current {
  color: #bbd3c3;
  border-color: #fff;
}
/* @end */
/* @end */

#divSideContent {
  width: 174px;
  float: right;
  overflow: hidden;
}

#divSideContent select {
  width: 160px !important;
  margin-bottom: 1em;
}

#divSideContent .textbox {
  margin-bottom: 1em;
  width: 156px !important;
}

#divSideContent input.button {
  margin: 1em 0 2em;
  float: right;
}

/*Side Nav */
#divSideNav {
  margin-bottom: 20px;
  width: 20% !important;
  overflow: hidden;
  float: left;
  list-style: none;
}

.sf_2cols_1in_25 #divSideNav,
.sf_2cols_1_33 #divSideNav {
  width: 100% !important;
}

/* @group =home button */
.SideNavHome a {
  background: #f3f3f3 url(images/arrow-up.png) no-repeat 12px center !important;
  font-size: 0.91em; /* 11px */
  line-height: 1.1818em; /* 13px */
  padding: 10px 10px 10px 30px  !important;/* 22px */
  color: #675C53 !important;
  border-bottom: 1px solid #fff !important;
  display: block;

}

.SideNavHome a:focus,
.SideNavHome a:hover,
.SideNavHome a:active {
  background: #f3f3f3 url(images/arrow-up.png) no-repeat 12px center !important;
  color: #000;
  border-bottom: 1px solid #fff;
}

.SideNavContent {
    padding: 0;
    background-color:#eee;
}

.SideNavContent a {
/* 18/4  background: #d7e5db url(images/grey-h-dash.png) no-repeat 4px 0.9090em !important; */
  font-size: 0.91em; /* 11px */
  line-height: 1.1818em; /* 13px */
  padding: 10px 10px 10px 20px  !important;/* 22px */
  color: #675C53 !important;
  background: #ddd;
  border-bottom: 1px solid #fff !important;
  display: block;
}

.SideNavContent a:focus,
.SideNavContent a:hover,
.SideNavContent a:active {
  color: #d52b1e !important;
 /* 18/4  background-image: url(images/red-h-dash.png) !important; */
  border-color: #e4eee7;
}
.SideNavHome a.selected,
.SideNavHome a.selected:hover,
.SideNavContent a.selected,
.SideNavContent a.selected:hover
 {
  padding-left: 12px !important;
  background-image: none !important;
  background-color: #d52b1e !important;
  font-weight: bold;
  color: #fff !important;
}



/* SIDE NAV 2 (for Membership) */
/* GENERAL LINKS*/

.divSideNav2
{
    padding-bottom: 15px;
    }
.divSideNav2span
{
    padding-left: 5px !important;


 }
.divSideNav2 a
{
    padding: 10px !important;
    background-color: #f2f6f3;
    border-bottom:1px solid #675c53 !important;

 }

.divSideNav2 a.current
{

    color:#d52b1e  !important;
    background-color:#f2f6f3;

}


.divSideNav2 a.root
{
    background-color:#675c53  !important;
    color:#ffffff !important;
    font-weight:bold;
    background-color:Red;
    padding-right:3px !important;
    border-bottom:none !important;
}

.divSideNav2 a.root.focus
{
    background-color:#d52b1e  !important;
}

/*
.divSideNav2 a.header
{
    background-image: url('http://oldimeche.imeche.org/App_Themes/IME/IME%20PanelBar/red-h-dash.png');
    background-position:  0px 11px;
    background-repeat: no-repeat;
}
*/



.divSideNav2 .grpLinks.sub.root .header span
{
    background-image:none ;
    padding-left:3px !important;
}

.divSideNav2 .grpLinks.sub.root a
{
    padding-left:3px !important;
}

.divSideNav2 .containerizor a.header
{
    background-image:url("/App_themes/IME/Images/red-arrow-down.png") !important;
            background-position:170px 8px;
            background-repeat: no-repeat;
}

/* GROUPS  */
.divSideNav2 .level1 span
{
    padding-left:8px;
    display:inline-block;
    clear:both;
}
.divSideNav2 .level1 span.dashed
{
    background-image: url("/App_themes/IME/Images/red-h-dash.png");
    background-position:  0px 7px;
    background-repeat: no-repeat;
}

.divSideNav2 .level2 span
{
        padding-left:16px;
}
.divSideNav2 .level2 span.dashed
{
    background-image: url("/App_themes/IME/Images/red-h-dash.png");
    background-position:  8px 7px;
    background-repeat: no-repeat;

}


.divSideNav2 .level3 span, .divSideNav2 .level4 span, .divSideNav2 .level5 span, .divSideNav2 .level6 span, .divSideNav2 .level7 span, .divSideNav2 .level8 span,.divSideNav2 .level9 span, .divSideNav2 .level10 span
{
        padding-left:34px;
}


.divSideNav2 .level3 span.dashed, .divSideNav2 .level4 span.dashed, .divSideNav2 .level5 span.dashed, .divSideNav2 .level6 span.dashed, .divSideNav2 .level7 span.dashed, .divSideNav2 .level8 span.dashed,.divSideNav2 .level9 span.dashed, .divSideNav2 .level10 span.dashed
{
    background-image: url("/App_themes/IME/Images/red-h-dash.png");
    background-position:  16px 7px;
    background-repeat: no-repeat;
}


div#divTopNav ul li a{padding-left:9px  !important;padding-right:9px !important}
div#divTopNav ul li ul li {margin-bottom:0.7em!important;line-height:1.3!important;font-size:1.05em!important}
